<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 声明余额初始值
        let money = 100;
        // 使用while一直循环prompt，直到 达到退出的操作
        while (true) {
            // 声明一个变量存储用户的操作
            let kuang = prompt(`请选择您的操作：
            1.存款
            2.取款
            3.查看余额
            4.退出`);
            // 使用if 判断，判断用户 输入是否为 4，为true 直接退出循环
            if (kuang === '4') {
                alert('欢迎下次光临');
                break
            };
            // 使用switch 多分支语句 这样用户做的每种操作都有对应的弹窗
            switch (kuang) {
                case '1':
                    // 声明一个变量来存储 用户存钱的操作,并把数据给moeny相加
                    let cun = +prompt(`请输入您要存钱的金额`);
                    money += cun;
                    alert(`您的卡上余额为${money}元`);
                    break
                case '2':
                    // 声明一个变量来做取钱操作 用户取钱的操作,并让moeny减去取钱的数据
                    let qu = +prompt(`请输入您要取钱的金额`);
                    money -= qu;
                    alert(`您的卡上余额为${money}元`);
                    break
                case '3':
                    // 查看余额操作
                    alert(`您的卡上余额为${money}元`);
                    break
            };
        };

    </script>
</body>

</html>